<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			a{
				text-decoration: none;
				text-transform: capitalize;
			}
			a:link{
				color: red;
			}
			a:visited{
				color: black;
			}
			/*支持其他元素*/
			a:hover{
				color: #00FFFF;
			}
			a:active{
				font-size: 20px;
				text-shadow: 0 0 4px blue;
			}
			.c1:hover{
				font-size: 16px;
				text-shadow: 0 0 5px blue;
			}
			#c2{
				list-style: circle;
			}
		</style>
	</head>
	<body>
		<a target="_blank" href="https://www.baidu.com">baidu</a>
		<a target="_blank" href="http://www.bdqn.cn">BDQN</a>
		
		<hr/>
		<a target="_blank" href="https://www.jd.com">京东</a>
		<hr/>
		<div class="c1">
			We change lives
		</div>
		<ul id="c2">
			<li>北京</li>
			<li>上海</li>
			<li>南京</li>
			<li>深圳</li>
		</ul>
	</body>
</html>
